<!DOCTYPE html>
<html>

	<head>
	<meta property="qc:admins" content="2454363231655" />
		<meta charset="utf-8" />
		<!--
        	作者：349135044@qq.com
        	时间：2016-07-02
        	描述：<script>动态创建 title 标签
        -->
		<script>
			var x = document.createElement("TITLE");
			var t = document.createTextNode("云便利");
			x.appendChild(t);
			document.head.appendChild(x);
		</script>
		<!--  在标题前添加图片  -->
		<link rel="Shortcut Icon" href="img/icon/1g.png" />
		<link rel="stylesheet" type="text/css" href="../css/PCindex.css" />

		<script src="/mall/v1/h5/js/default/jquery-1.9.1.min.js"></script>
		<script src="/mall/v1/h5/js/default/jquery.mobile.ldh.js"></script>
		<script src="/mall/v1/h5/js/default/scroll.js"></script>
		<script src="/mall/v1/h5/js/default/basic.js"></script>
		<script src="/mall/v1/h5/js/default/sea.js"></script>
		<script src="../js/PCindex.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=8faf9732a49d424a7fb0b4a252eb7fd4"></script>

		<script type="text/javascript">
			var ctx = "/mall";
			//文件上传服务器head.jsp
			var fileUploadUrl = 'http://www.storeme.cn/file/u';
			//文件下载服务器
			var fileDownUrl = 'http://www.storeme.cn/file/d';
			//在线打开服务器
			var fileOpenUrl = 'http://www.storeme.cn/file/f/200';
			//在线打开原图片文件
			var fileOpenSourceUrl = 'http://www.storeme.cn/file/f';

			var fileUploadUrl = 'http://www.storeme.cn/file/u';
			//文件下载服务器
			var fileDownUrl = 'http://www.storeme.cn/file/d';
			//在线打开服务器
			var fileOpenUrl = 'http://www.storeme.cn/file/f/200';
			//在线打开原图片文件
			var fileOpenSourceUrl = 'http://www.storeme.cn/file/f';

			function showTips(message) { //触发提示
				new newTips(message); //格式 newTips("提示内容",500（渐进时间）,800（渐隐时间）,1500（出现时间长短）)
			}
		</script>
	</head>

	<!--
    	作者：349135044@qq.com
    	时间：2016-07-06
    	描述：height: 1620px;
    -->

	<body style="width: auto; height: 1250px; background: #E56847; position: relative;">

		<div id="dialogContainer" onclick="doDialogContainer()"></div>
			<div class="loginDialog" id="ldhLogin">
				<!-- 接受参数 -->
				<input type="hidden" id="fromPage" value="ldhMine" />
				<input type="hidden" id="shopId" value="" />
				<input type="hidden" id="merchandiseId" value="" />
				<div style="width: 350px; height: 70px; border-radius: 10px;">
					<ul style="float: left; line-height: 70px; margin-left: 20px; font-family: '微软雅黑'; font-size: larger;">登录</ul>
					<ul style="float: right; line-height: 20px; margin-top: 20px; margin-right: 20px; text-align: center;">
						<li style="list-style-type: none; font-family: '微软雅黑'; font-size: medium;" onclick="forgetPassword()">忘记密码</li>
						<li style="list-style-type: none; font-family: '微软雅黑'; font-size: small; display: none;" id="NoUser">用户不存在</li>
					</ul>
				</div>
				<div style="width: 350px; height: 200px;">
					<input id="login_mobile" type="text" placeholder="输入手机号码" />
					<input id="login_password" type="password" placeholder="输入密码" />
					<button onclick="doDialogRegister()" id="dialogRegister">注册</button>
					<button onClick="$ldh_login.login()" id="dialogLogin">登录</button>
				</div>
				<script type="text/javascript">
					seajs.use([ ctx + '/v1/h5/js/custom/login/module-login.js?'
							+ Date.parse(new Date()) ], function(m) {
						m.init(m);
					});
				</script>
			</div>

			<div class="registerDialog" id="ldhRegister">
			<input type="hidden" id="fromPage" value="ldhMine" />
				<div>
					<ul style="margin-left: 25px; line-height: 60px; float: left; font-family: '微软雅黑'; font-size: x-large;">注册</ul>
					<ul style="margin-right: 25px; margin-top: 40px; display: none; float: right; font-family: '微软雅黑'; font-size: small; color: #FF0000;" id="rightNumber">请填写正确的手机号码</ul>
				</div>
				<div style="margin-top: 20px;">
					<input type="text" data-role="none" class="InputPhone" placeholder="请输入手机号码" id="register_mobile" />
				</div>
				<div style="margin-top: 20px;">
					<input class="inputCode" type="text" placeholder="输入短信验证码" id="register_validateCode" />
					<button class="btnCode" id="btn_request_code" onclick="$ldh_register.validateMobile('#register_mobile','#btn_request_code')">免费获取验证码</button>
				</div>
				<div style="margin-top: 20px;">
					<input type="password" class="registerPassword" placeholder="请输入密码（6~20个字符）" id="register_password" />
				</div>
				<div style="margin-top: 2px;">
					<input type="checkbox" onclick="agree(this)" id="checkboxInput" class="checkbox" /> 
					<span style="float:left; margin-left:50px; margin-top:-23px">我已阅读并同意</span>
					<a href="../../registerAgreement.jsp" style="text-decoration: none; font-size: small; float:left; margin-left:170px; margin-top:-22px">《云便利商店用户协议》</a>
				</div>
				<div style="margin-top: 20px;">
					<button type="button" data-role="none" onclick="$ldh_register.register()" class="register">注册</button>
				</div>
				<script type="text/javascript">
						seajs.use([ ctx + '/v1/h5/js/custom/register/module-register.js?'
							+ Date.parse(new Date()) ], function(m) {
						m.init(m);
					});
				</script>
			</div>
		
			
		

		<div class="DivContainer">

			<header>
				<div class="div_icon">
					<img src="img/icon/world.png" width="50px" height="50px" />
					<ul>
						<h2>云便利</h2></ul>
				</div>		
				<div class="line"></div>
				<!--
				<div class="headerAddress" onClick="changeLocation()">
					<img src="img/icon/Location_32px.png" onclick="$ldh_base.refreshLocation()"/>
					<ul class="icon_arrowdown" data-transition = "none" data-role = "none" id="address">设置你的地址
						<p onclick="clearHistory()">清空历史记录</p>
					</ul>
					<a href="/mall/h5/location.shtml"; class="headerChangeAddress">【更改位置】</a>					
				</div>-->
				<div class="headerAddress">
					<img src="img/icon/Location_32px.png" onclick="$ldh_base.refreshLocation()"/>
					<div class="setAddress">
						<ul class="icon_arrowdown">定位中......</ul>													
						<p onclick="clearHistory()">清空历史记录</p>
					</div>
					<a href="/mall/h5/location.shtml"><li class="headerChangeAddress">【更改位置】</li></a>					
				</div>
				<div class="headerSearch">
					<div class="headerSearchDialog">
						<div class="searchClass">
							<span id="spanClass">商品</span>
							<img src="img/icon/img04_11.png" />
							<ul>
								<li onclick="doClickGoods()">商品</li>								
								<li onclick="doClickShop()">店铺</li>
								<li onclick="doClickAddress()">地址</li>
							</ul>
						</div>
						<input id="searchInput" type="text" value="请输入搜索位置" />
						<button id="searchButton" onclick="searcShopByAddress()"; style="bolder:none">搜索</button>
					</div>
				</div>
			</header>
			<nav>
				<ul>
					<li>
						<h2>我</h2></li>
					<li>
						<h2>们</h2></li>
					<li>
						<h2>的</h2></li>
					<li>
						<h2>努</h2></li>
					<li>
						<h2>力</h2></li>
					<li>
						<h2>，</h2></li>
					<li>
						<h2>只</h2></li>
					<li>
						<h2>为</h2></li>
					<li>
						<h2>让</h2></li>
					<li>
						<h2>您</h2></li>
					<li>
						<h2>更</h2></li>
					<li>
						<h2>便</h2></li>
					<li>
						<h2>利</h2></li>
					<li>
						<h2>。</h2></li>
				</ul>
			</nav>

			<div class="DivCenterContainer">
				<div class="DivCenterContainerLeft">
					<aside class="aside">
						<div class="imgDiv">
							<a href="http://www.storeme.cn/mall/h5/shopList/1.shtml">
								<img src="img/images/food.png" style="height: 280px; border-radius: 8px;" />
							</a>
						</div>
						<div class="foodDiv">
							<div>
								<a href="http://www.storeme.cn/mall/h5/shopList/1.shtml"><span class="foodSpan">FOOD/餐饮美食</span></a>
								<a href="http://www.storeme.cn/mall/h5/shopList/1.shtml"><span class="foodSpan1">尝遍世间美食......</span>	</a>
							</div>
							<div class="foodDivClass">
								<div class="a">
									<img src="img/icon/tiandian.png" style="width: 40px; border-radius: 60px;" />
									<a class="aMousse">
										<ul>甜品</ul>
									</a>
								</div>
								<div class="a">
									<img src="img/icon/shousi.png" style="width: 40px; border-radius: 60px;" />
									<a class="aJapan">
										<ul>日韩</ul>
									</a>
								</div>
								<div class="a">
									<img src="img/icon/zhongcan.png" style="width: 40px; border-radius: 60px;/>
									<a class=" chineseFood "><ul>中餐</ul></a>
								</div>
								<div class="a ">
									<img src="img/icon/xican.png " style="width: 40px; border-radius: 60px;/>
									<a class="europeanFood">
										<ul>西餐</ul>
									</a>
								</div>
							</div>
						</div>
					</aside>
					<article>
						<div class="ArticleLeft">
							<div>
								<a href="http://www.storeme.cn/mall/h5/shopList/2.shtml">
									<img src="img/images/goods.png" style="width: 315px; border-radius: 8px; cursor: pointer; position:relative;" />
								</a>
							</div>
							<div class="goodsClass">
								<div>
									<a href="http://www.storeme.cn/mall/h5/shopList/2.shtml"><span class="goodsSpan">GOODS/超市便利</span></a>
									<a href="http://www.storeme.cn/mall/h5/shopList/2.shtml"><span class="goodsText">你能想到、就能买到......</span></a>
								</div>
								<div>
									<a>
										<li class="liYunBianLi">云便利</li>
									</a>
									<a>
										<li class="LiGoods">商场超市</li>
									</a>
									<a>
										<li class="LiOther">其他卖场便利</li>
									</a>
								</div>
							</div>
						</div>
						<div class="ArticleRight">
							<div>
								<a href="http://www.storeme.cn/mall/h5/shopList/50.shtml">
									<img src="img/images/greens.png" style="width: 315px; border-radius: 8px; cursor: pointer; position:relative;" />
								</a>
							</div>
							<div class="fruitageClass">
								<div>
									<a href="http://www.storeme.cn/mall/h5/shopList/50.shtml"><span class="fruitageSpan">FRUITAGE/生鲜时蔬</span></a>
									<a href="http://www.storeme.cn/mall/h5/shopList/50.shtml"><span class="fruitageText">水果、蔬菜、肉类、零食......</span></a>
								</div>
								<div>
									<ul>
										<a>
											<li class="fruitageLi1">水果</li>
										</a>
										<a>
											<li class="fruitageLi2">厨房生鲜</li>
										</a>
										<a>
											<li class="fruitageLi3">粮油调味</li>
										</a>
									</ul>
									<ul>
										<a>
											<li class="fruitageLi4">时蔬</li>
										</a>
										<a>
											<li class="fruitageLi5">零食特产</li>
										</a>
										<a>
											<li class="fruitageLi6">特色水产</li>
										</a>
									</ul>
									<ul>
										<a>
											<li class="fruitageLi7">饮品</li>
										</a>
										<a>
											<li class="fruitageLi8">速冻熟食</li>
										</a>
										<a>
											<li class="fruitageLi9">其他生鲜</li>
										</a>
									</ul>
								</div>
							</div>
						</div>
					</article>
				</div>

				<div class="DivCenterContainerRight">
					<section class="section1">
						<a><img src="img/images/login1.png" style="width: 330px; border-radius: 8px; cursor: pointer; position:relative;" /></a>
						<div class="section1Div">
							<div class="loginDiv">
								<a onclick="doLogin()" style="text-decoration:none;"><span>登录</span></a>
								<a><span>|</span></a>
								<a><span onclick="doRegister()" style="text-decoration:none;">注册</span></a>
							</div>
							<a>
								<ul>我要开店</ul>
							</a>
							<div>
								<div class="lineDiv1"></div>
								<div class="MyOrderForm">
									<div>
										<img src="img/icon/myorderform.png" style="height: 30px; margin-top: 10px; margin-left: 20px;" />
									</div>
									<div>
										<span>我的订单</span>
									</div>
									<div>
										<img src="img/icon/img03_14.png" style="margin-top: 13px; margin-left: 170px;" />
									</div>
								</div>
								<div class="lineDiv2"></div>
								<div class="MyCollect">
									<div>
										<img src="img/icon/mycollect.png" style="width: 25px; height: 30px; margin-top: 10px; margin-left: 21px;" />
									</div>
									<div>
										<span>我的收藏</span>
									</div>
									<div>
										<img src="img/icon/img03_14.png" style="margin-top: 15px; margin-left: 170px;" />
									</div>
								</div>
							</div>
						</div>
					</section>
					<section class="section2">
						<div>
							<a href="http://www.storeme.cn/mall/h5/shopList/5.shtml">
								<img src="img/images/plane1.png" style="width: 330px; border-radius: 8px; position:relative; cursor: pointer;" />
							</a>
						</div>
						<div class="expressDiv">
							<div>
								<a href="http://www.storeme.cn/mall/h5/shopList/5.shtml" style="text-decoration:none;"><span class="expressSpan">EXPRESS/跑腿服务</span></a>
								<a href="http://www.storeme.cn/mall/h5/shopList/5.shtml" style="text-decoration:none;"><span class="expressText">快递、代步、一键搞定......</span></a>
							</div>
							<div>
								<ul>
									<a>
										<li class="expressLi1">寄件</li>
									</a>
									<a>
										<li class="expressLi2">物流</li>
									</a>
									<a>
										<li class="expressLi3">其他跑腿</li>
									</a>
								</ul>
							</div>
						</div>
					</section>
				</div>
			</div>

			<div class="DivCenterContainerDown">
				<div class="DivCenterContainerDownLeft">
					<div>
						<a href="http://www.storeme.cn/mall/h5/shopList/3.shtml">
							<img src="img/images/service.png" style="height: 260px; position: relative; border-radius: 8px; float: left; cursor: pointer;" />
						</a>
					</div>
					<div class="serviceContent">
						<div>
							<a href="http://www.storeme.cn/mall/h5/shopList/3.shtml"><span class="serviceSpan">SERVICES/生活服务</span></a>
							<a href="http://www.storeme.cn/mall/h5/shopList/3.shtml"><span class="serviceText">朋友、有什么可以帮你的吗？</span></a>
						</div>
						<div>
							<ul>
								<a>
									<li class="serviceLi1">家政服务</li>
								</a>
								<a>
									<li class="serviceLi2">社区服务</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="serviceLi3">汽车服务</li>
								</a>
								<a>
									<li class="serviceLi4">律师服务</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="serviceLi5">娱乐服务</li>
								</a>
								<a>
									<li class="serviceLi6">其他服务</li>
								</a>
							</ul>
						</div>
					</div>
				</div>
				<div class="DivCenterContainerDownRight">
					<div>
						<a href="http://www.storeme.cn/mall/h5/shopList/4.shtml">
							<img src="img/images/lamp.png" style="height: 260px; position: relative; border-radius: 8px; float: left; cursor: pointer;" />
						</a>
					</div>
					<div class="lampDiv">
						<div>
							<a href="http://www.storeme.cn/mall/h5/shopList/4.shtml"><span class="lampSpan">SPECIAL/特色专卖</span></a>
							<a href="http://www.storeme.cn/mall/h5/shopList/4.shtml"><span class="lampText">特别的爱、给特别的你!!!</span></a>
						</div>
						<div>
							<ul>
								<a>
									<li class="lampLi1">各种特色专卖</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="lampLi2">家居建材</li>
								</a>
								<a>
									<li class="lampLi3">数码家电</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="lampLi4">母婴用品</li>
								</a>
								<a>
									<li class="lampLi5">服饰鞋包</li>
								</a>
								<a>
									<li class="lampLi6">护理化妆</li>
								</a>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--
        	作者：349135044@qq.com
        	时间：2016-07-06
        	描述：height: 320px;
        -->
		<footer style="width: auto; height: 60px; background-color: #FFFFFF;">
			<div style="margin-top: 10px;">
				<span>Copyright © 2016 广州欧凌建材有限公司  版权所有 </span><br />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>云便利</span>&nbsp;&nbsp;
				<span style="cursor: pointer;" onclick="document.location='http://www.miitbeian.gov.cn'">粤ICP备16042955号-1</span>
			</div>			
		</footer>
	</body>

</html>